// router.js
import Vue from "vue";
import VueRouter from "vue-router";
import Layout from "@/layout/layout.vue";

// 懒加载
// const Login = () => import("../views/Login/index.vue");

//使用路由插件
Vue.use(VueRouter);

// 必须要显示的静态路由表
const routes = [
  // {
  //   path: "/login",
  //   component: Login,
  //   hidden: true,
  // },
  // 只有一级菜单的路由
  {
    path: "/",
    // 此处使用了  命名视图
    component: Layout, // 全局统一的布局文件
    redirect: '/mainpage/index'
  },
  {
    path: "/mainpage",
    // 此处使用了  命名视图
    component: Layout, // 全局统一的布局文件
    children: [
      {
        path: "index",
        name: "mainpage",
        // 懒加载
        component: () => import("@/views/mainpage"),
        meta: { title: "首页", icon: 'el-icon-receiving' },
      },
    ],
  },
  // 有二级菜单的路由
  // {
  //   path: "/user",
  //   component: Layout,
  //   name: "user",
  //   meta: { title: "用户管理" },
  //   children: [
  //     {
  //       path: "list",
  //       name: "list",
  //       component: () => import("@/views/AboutView.vue"),
  //       meta: { title: "用户列表" },
  //     },
  //     {
  //       path: "test1",
  //       name: "test1",
  //       component: () => import("@/views/HomeView.vue"),
  //       meta: { title: "用户测试1" },
  //     },
  //   ],
  // },
];

// 实例化
const router = new VueRouter({
  base: process.env.BASE_URL,
  routes,
});

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  // to：即将要进入的目标 路由对象（现在的页面）
  // from：当前导航正要离开的路由（上一步的页面）
  // next：
  // if (localStorage.getItem('userInfo')) {
  next();
  // } else {
  //   if (to.path === '/login') {
  //     next();
  //   } else {
  //     next('/login');
  //   }
  // }
});

export default router;
